<!DOCTYPE html>
<html>
<head>
    <title>我的订单</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta property="wb:webmaster" content="c51923015ca19eb1">
    <meta name="author" content="m.taobao.com">
    <meta name="copyright" content="Copyright ©m.taobao.com 版权所有">
    <meta name="revisit-after" content="1 days">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="../css/common/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/myOrder.css">
</head>
<body>
<!-- 头部 -->
<div class="head">
    <div style="width: 20%;height: 100%;position: relative;float: left;">
        <img src="../img/返回.png" class="back"></div>
        <span>我的订单</span>
<div style="width: 20%;height: 100%;position: relative;float: right">
    <img src="../img/自由查询.png" class="searcher"></div>
</div>
<!--导航栏-->

<div class="lead">
    <ul>
        <li class="active">全部</li>
        <li>待付款</li>
        <li>待发货</li>
        <li>待收货</li>
        <li>待评价</li>
    </ul>
</div>

<!--订单列表-->
<div class="all_order">
    <div class="order">
        <div class="myOrder_headline">
            <img src="../img/shop_sign.png" class="shop_sign">

            <div class="shop_name">新新店铺</div>
            <img src="../img/更多.png" class="right_sign">
            <span class="order_state">等待买家付款</span>
        </div>

        <div class="order_detail">
            <img src="../img/head.jpg" class="shop_photo">

            <div class="desc">
                <p class="good_detail">新鲜梨酥雪梨发货供货的供货皇冠分隔符梨</p>
            </div>
            <div class="good_price">
                <p class="new_price">&yen212.00</p>
                <p class="old_price">&yen299.00</p>
                <p class="good_num">&times2</p>
            </div>

        </div>
        <div class="total">
            <div class="total_word">总2件商品 合计：<span>&yen424.00</span> (包运费)
            </div>
        </div>
        <div class="hint"></div>
        <div class="bottom_div">
            <button href="#" class="bottom_signBuy"><span class="bottom_word">付款</span></button>
            <button href="#" class="bottom_sign"><span class="bottom_word">取消订单</span></button>
            <button href="#" class="bottom_sign"><span class="bottom_word">朋友代付</span></button>
        </div>

    </div>

    <div class="order">
        <div class="myOrder_headline">
            <img src="../img/shop_sign.png" class="shop_sign">

            <div class="shop_name">绿茶宝塔镇河妖</div>
            <img src="../img/更多.png" class="right_sign">
            <span class="order_state">等待买家付款</span>
        </div>

        <div class="order_detail">
            <img src="../img/head.jpg" class="shop_photo">

            <div style="float: left;margin-left:10px;margin-top:7px;">


                <p class="good_detail">R3大福星星星</p>
            </div>
            <div class="good_price">
                <p class="new_price">&yen212.00</p>
                <p class="old_price">&yen299.00</p>
                <p class="good_num">&times2</p>
            </div>

        </div>

        <div class="total">
            <div class="total_word">共2件商品 合计：<span>&yen424.00</span> (包运费)
            </div>
        </div>
        <div class="hint"></div>
        <div class="bottom_div">
            <button href="#" class="bottom_signBuy"><span class="bottom_word">付款</span></button>
            <button href="#" class="bottom_sign"><span class="bottom_word">取消订单</span></button>
            <button href="#" class="bottom_sign"><span class="bottom_word">朋友代付</span></button>
        </div>

    </div>
</div>
<script src="../js/common/jquery-3.1.0.min.js"></script>
<script src="../js/myOrder.js"></script>

</body>
</html>